<template>
  <div class="bofangView">
    <div class="zidingyi">
      <div class="table">
        <el-table :data="tableData" style="width: 100%">
          <el-table-column type="index" min-width="10"> </el-table-column>
          <el-table-column prop="identify" label="自定义播放列表">
          </el-table-column>
        </el-table>
      </div>
      <div class="buttons">
        <button class="new">新 建 列 表</button>
        <button class="del">删 除 列 表</button>
        <button class="change">修 改 名 称</button>
      </div>
    </div>
    <div class="baohan">
      <div class="table">
        <el-table :data="tableData" style="width: 100%">
          <el-table-column type="index" min-width="10"> </el-table-column>
          <el-table-column prop="includedMusic" label="包含的音乐">
          </el-table-column>
        </el-table>
      </div>
      <div class="buttons">
        <button class="add">添 加 歌 曲</button>
        <button class="del2">删 除 歌 单</button>
      </div>
    </div>
  </div>
</template>
<script setup >
import { ref } from "vue";
const tableData =
  ref([
    {
      identify: "自定义列表一",
      includedMusic:"我要你快乐"
    }
  ]);
</script>
<style lang="less" scoped>
@import url("./soundless/playList.less");
</style>